<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title><?php echo __TITLE__
			?></title>
		<link href="<?php echo __CSS__ ?>__style.css.php?url=<?php echo __LOCALWWW__ ?>" rel="stylesheet" type="text/css">
		<link href="<?php echo __CSS__ ?>/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet"  type="text/css">
		<script type="text/javascript" src="<?php echo __JSVIEW__ ?>jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="<?php echo __JSVIEW__ ?>nomina/datagrid.js"></script>
		<script type="text/javascript">
						<!--
			function Consultar(){
			$.ajax({
			url : '<?php echo __LOCALWWW__ ?>
				/index.php/cooperativa / Tabla_LiberarDEMO',
				type : "POST",
				//dataType : "json",
				success : function(data) {
				oEsq = data;
				alert(data);
				//_getTabla('tabla_principal', oEsq, 'paginador');
				}
				});
				//_getTabla('tabla_principal', '');

				}
				//setInterval(function (){ Consultar();}, 1000);
				-->
		</script>
		<style type="text/css">
			/*demo page css*/

			.TGrid table {
				font-family: "Trebuchet MS", sans-serif;
				font-size: 16px;
				font-weight: bold;
				line-height: 1.4em;
				font-style: normal;
				border-collapse: separate;
			}
			.TGrid tbody th {
				padding: 5px;
				background-color: #FF9933;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius: 5px 0px 5px 0px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			.TGrid th {
				padding: 5px;
				border-color: #2E2D2D;
				color: #F1F6F7;
				font-size: 12px;
				text-align: center;
				padding: 5px 0px;
				text-shadow: 1px 1px 1px #444;
			}
			.TGrid thead th {
				padding: 5px;
				background-color: #FF9933;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius: 5px 5px 0px 0px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			.TGrid thead th:empty {
				background: transparent;
				background-color: #FFF;
				border: none;
			}
			.TGrid tbody tr:nth-child(2n) {
				background-color: #DBEAFF;
				color: white
			}
			.TGrid td {
				color: #996633;
				font-size: 1.0em;
				font-weight: bold;
				padding: 0 3px 0 3px;
			}
			.TGrid input[type = 'text'], select {
				color: #1c94c4;
				font-size: 10px;
				font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
				line-height: normal;
				font-weight: bold;
				border-bottom: none;
				padding: 50%;
				border: 1px solid #D4D4D4;
				padding-left: 4px;
				padding-right: 4px;
				padding-top: 2.5px;
				padding-bottom: 0px;
				height: 20px;
			}
			.TGrid select {
				font-size: 9.5px;
			}
			//////
			.pag_btn {
				border: solid 1px;
				border-color: rgb(0, 0, 255);
				color: rgb(0, 0, 255);
				background-color: rgb(255, 255, 255);
			}
			.pag_btn_des {
				border: solid 1px;
				border-color: rgb(200, 200, 200);
				color: rgb(200, 200, 200);
				background-color: rgb(245, 245, 245);
			}
			.pag_num {
				border: solid 1px;
				border-color: rgb(0, 0, 255);
				color: rgb(255, 255, 255);
				background-color: rgb(0, 0, 255);
			}
		</style>
		
	</head>
	<body style="background-color: #FFFACD;" onload="Consultar();">
		<center>
			<div id="cabecera">
				<?php echo $Menu;?>
			</div>
			<div id="medio" >
				<table border=1>
					<tr>
						<td style="width: 20px;">&nbsp;</td>
						<td>
						<br>
						<br>
						<br>
						<h2> TABLA DE PRUEBA</h2>
						<br>
						</td>
					</tr>
					<tr>
						<td></td><td align="left">
						<div id='divListar'><div id="paginador"></div>
							<table id="tabla_principal" class="TGrid"></table>

						</div></td>
					</tr>
				</table>
				<br>
				<br>
			</div>
			<div id="bottom" align="left"></div>
		</center>
	</body>
</html>
